/*
 *     Typora Theme - Rainbow    /    Author - thezbm
 *     https://github.com/thezbm/typora-theme-rainbow
 */

:root {
    --h-border-color: rgb(255, 191, 191);
    --h-bg-color: rgb(255, 232, 232);
    --table-border-color: rgb(255, 235, 211);
    --th-bg-color: rgb(255, 243, 228);
    --tr-bg-color: rgb(255, 249, 242);
    --code-bg-color: rgb(247, 247, 247);
    --block-shadow: 0.15em 0.15em 0.5em rgb(150, 150, 150);
}
#wenyan {
    font-family: var(--sans-serif-font);
    line-height: 1.75;
    font-size: 16px;
}
#wenyan p,
#wenyan pre {
    margin: 1em 0.8em;
}
#wenyan h1,
#wenyan h2,
#wenyan h3,
#wenyan h4,
#wenyan h5,
#wenyan h6 {
    margin: 1.2em 0 1em;
    padding: 0px;
    font-weight: bold;
}
#wenyan h1 {
    font-size: 1.5em;
    text-align: center;
    text-shadow: 0.15em 0.15em 0.3em rgb(187, 187, 187);
}
#wenyan h2 {
    font-size: 1.3em;
    background-color: var(--h-bg-color);
    padding-left: 1em;
    padding-right: 1em;
    border-left: 0.5em solid var(--h-border-color);
    border-radius: 0.4em;
}
#wenyan h3 {
    font-size: 1.3em;
    text-decoration: underline double var(--h-border-color);
    -webkit-text-decoration: underline double var(--h-border-color);
    text-decoration-thickness: 0.15em;
}
#wenyan h4 {
    font-size: 1.2em;
    text-decoration: underline dotted var(--h-border-color);
    -webkit-text-decoration: underline dotted var(--h-border-color);
    text-decoration-thickness: 0.2em;
}
#wenyan table {
    border-collapse: collapse;
    border: 0.25em solid var(--table-border-color);
    margin: 1.4em auto;
    max-width: 100%;
    table-layout: fixed;
    text-align: left;
    overflow: auto;
    display: table;
    word-wrap: break-word;
    word-break: break-all;
}
#wenyan table th {
    background-color: var(--th-bg-color);
}
#wenyan table th,
#wenyan table td {
    font-size: 0.75em;
    text-align: center;
    border: 0.13em dashed var(--table-border-color);
    padding: 0.5em;
    padding: 9px 12px;
    line-height: 22px;
    vertical-align: top;
}
#wenyan table tr:nth-child(even) {
    background-color: var(--tr-bg-color);
}
#wenyan blockquote {
    font-size: 0.9em;
    margin: 0 1em;
    color: rgb(102, 102, 102);
    border-left: 0.25em solid rgb(169, 202, 255);
    padding: 0.5em 1em 0.6em 1em;
}
#wenyan blockquote::before {
    display: block;
    height: 2em;
    width: 1.5em;
    content: "🌈";
    font-size: 1.2em;
}
#wenyan blockquote p {
    margin: 0;
}
#wenyan hr {
    margin-top: 2em;
    margin-bottom: 2em;
    background-color: rgb(226, 226, 226);
    height: 0.13em;
    border: 0;
}
#wenyan pre {
    line-height: 2;
    padding: .5em;
    border-radius: 0.4em;
    box-shadow: var(--block-shadow);
}
#wenyan pre code {
    display: block;
    overflow-x: auto;
    margin: .5em;
    padding: 0;
    font-family: var(--monospace-font);
}
#wenyan p code {
    font-family: var(--monospace-font);
    margin-left: 0.25em;
    margin-right: 0.25em;
    padding: 0.05em 0.3em;
    background-color: var(--code-bg-color);
    border-radius: 0.4em;
    box-shadow: 0.13em 0.13em 0.26em rgb(197, 197, 197);
    font-size: 0.9em;
}
#wenyan a {
    word-wrap: break-word;
    color: rgb(31, 117, 255);
}
#wenyan img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
    border-radius: 5px;
    box-shadow: var(--block-shadow);
}
#wenyan .footnote {
    color: rgb(31, 117, 255);
}
#wenyan #footnotes p {
    display: flex;
    margin: 0;
    font-size: 0.9em;
}
#wenyan .footnote-num {
    display: inline;
    width: 10%;
}
#wenyan .footnote-txt {
    display: inline;
    width: 90%;
    word-wrap: break-word;
    word-break: break-all;
}
